From e747ec3ea02dd01e9ffa9e398e24e6939a5b738c Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Wed, 6 Dec 2023 17:47:41 -0500
Subject: Tabs

---
 src/app/groups/[groupId]/balances/page.tsx | 41 ++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/app/groups/[groupId]/balances/page.tsx

(limited to 'src/app/groups/[groupId]/balances/page.tsx')

diff --git a/src/app/groups/[groupId]/balances/page.tsx b/src/app/groups/[groupId]/balances/page.tsx
new file mode 100644
index 0000000..24818c9
--- /dev/null
+++ b/src/app/groups/[groupId]/balances/page.tsx
@@ -0,0 +1,41 @@
+import { BalancesList } from '@/app/groups/[groupId]/balances-list'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+import { getGroup, getGroupExpenses } from '@/lib/api'
+import { getBalances } from '@/lib/balances'
+import { notFound } from 'next/navigation'
+
+export default async function GroupPage({
+  params: { groupId },
+}: {
+  params: { groupId: string }
+}) {
+  const group = await getGroup(groupId)
+  if (!group) notFound()
+
+  const expenses = await getGroupExpenses(groupId)
+  const balances = getBalances(expenses)
+
+  return (
+    <Card className="mb-4">
+      <CardHeader>
+        <CardTitle>Balances</CardTitle>
+        <CardDescription>
+          This is the amount that each participant paid or was paid for.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <BalancesList
+          balances={balances}
+          participants={group.participants}
+          currency={group.currency}
+        />
+      </CardContent>
+    </Card>
+  )
+}
-- 
cgit v1.3

